<template>
     <div>
        <h1 v-if="isShow">老黑老黑你真了不得</h1>
        <h1 v-show='isShow'>老黑老黑你你是不是不行</h1>
        <h2 v-if="age>18">你可以进网吧潇洒</h2>
        <h2 v-else>gun,回家看书去</h2>
        <div>
            <p>小明的成绩</p>
             <span v-if="pass>=90">你真棒</span>
             <span v-else-if="pass>=80">还可以</span>
             <span v-else-if="pass>=70">继续加油</span>
             <span v-else-if="pass>=60">快挨揍了</span>
             <span v-else>面对疾风吧</span>
            
        </div>
     </div>
</template>

<script>
export default {
    data () {
        return {
            isShow:false,
            age:17,
            pass:50,
        }
    }
}
</script>

<style>

</style>